@charset "utf-8";
html,body {margin: 0px; padding:0;background:#fffcf7; font-family: "微软雅黑"; font-size: 21px; color: #222; }
* { margin:0; padding:0; }
.bodyen{
background:#FFF url(../images/enbg.gif) repeat-x left top;
font-family:Arial;
}
img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul{ list-style:none;}
/* 链接样式 */
a { color:#666; text-decoration:none; }
a:hover {
color: #000;
text-decoration: underline;
}
#logo {width:766px; height:121px; display:block; overflow:hidden; background:url(../images/logo.gif) no-repeat left top; }
#logoen {
width: 766px;
height: 121px;
display: block;
overflow: hidden;
background: url(../images/logoen.gif) no-repeat left top;
}
.gray{ color:#999;}
.orange { color:#FF7800 !important; }
a.red { color:#F00 !important; }
.red{ color:#f00;}
.darkblue{ color:#590c31;}
.blue { color:#1F71AF; !important; }
a.more { text-align:left; color:#333; text-decoration:none; font-size:21px; font-weight:normal; position:absolute; right:0px; top:0px; }
a.more:hover { color:#c00; text-decoration:none; }
a.btnBlack { background:url(../images/bg_btn.gif) repeat-x; padding:4px 10px 5px 10px; color:#FFF !important; font-weight:700; font-size:21px; text-decoration:none !important; border:1px solid #000; }
.time{
font-family:Arial;
font-size:21px;
color:#999;
width:106px;
text-align:center;
}
/* 按钮样式 */
input.text_type { border:1px solid #949494; color:#626262; }
input.select_type { border:none; background:url(../images/input_search_style.gif) no-repeat; width:124px; height:21px; color:#626262; }
.input1{ border:1px solid #ccc;
-moz-border-radius: 10px; /* Gecko browsers */
-webkit-border-radius: 5px; /* Webkit browsers */
border-radius:5px; /* W3C syntax */
margin-bottom:5px;
background:#eee;
height:25px;
line-height:25px;
margin-bottom:-3px;
}
.input2{ border:1px solid #ccc;
-moz-border-radius: 10px; /* Gecko browsers */
-webkit-border-radius: 5px; /* Webkit browsers */
border-radius:5px; /* W3C syntax */
margin-bottom:5px;
background:#eee;
height:21px;
line-height:21px;
margin-bottom:-3px;
}
.text7 td{ padding:4px 0;}
/* 位置 */
.left{float:left;}
.right{ float:right;}
/* 字体样式 */
.f21px{ font-size:21px; font-weight:normal;}
.f21px{ font-size:21px;}
.fB { font-weight:900; }
/* 顶部样式 */
#head { position:relative; margin:0 auto;width:1200px; height:121px; z-index:5; text-align:left; }
.loginContent{ position:absolute; right:0px; bottom:21px; text-align:right; }
.loginContenten{ position:absolute; right:0px; top:0px; width:157px; height:27px; line-height:27px; background:url(../images/loginbgen.jpg) no-repeat left top; color:#fff;}
.search{ line-height:200%; font-size:21px;}
.search p{ padding:5px 0;}
.searchSubmit{ border:none; width:21px; margin-bottom:-5px;}
.proSearch1{ width:110px; border:1px solid #cacaca; height:21px; background:#eee; text-align:left; padding:0 5px; margin-bottom:21px;}
.searchInput1{ width:180px; color:#794c15; height:30px; line-height:30px; border:none; background:#fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #ccc;
}
.searchSubmit1{ border:none; width:21px; margin-bottom:-3px; background:#fff;}
.topnav{ position:absolute; bottom:23px; right:190px; z-index:999;}
.topnav a{ padding-left:21px; background:url(../images/abouton.gif) no-repeat left center;}
.cnen{ position:absolute; right:0px; bottom:21px;}
#banner{ margin:0 auto; width:927px; height:284px; padding-top:35px;}
.topdh{ width:960px; margin:0 auto; padding:10px 0 10px 21px; border-bottom:1px dotted #ccc; background:url(../images/home.gif) no-repeat left center;}
.inbanner{ width:1180px; height:83px; margin:10px auto;}
/*QQ微博登陆*/
.qqweiboUl{ width:100px; display:inline-block; position:relative;}
.qqweibo ul {display:none; position:absolute; list-style:none; _margin:0 0 0 -60px;*margin:0 0 0 -60px; z-index:999;}
.qqweibo ul li { background:#f60; width:90px;/*IE6 only*/ text-align:center;}
.qqweibo ul li a{ font-weight:bold; color:#fff; font-size:21px; height:30px; padding-top:0; line-height:30px; display:block;}
.qqweibo ul li a:hover{ background:#e67016; color:#fff; text-decoration:none;}
/*menu*/
#navContent{ position:relative;width:100%; z-index:999; margin:0 auto;background: url(../images/navbg.jpg) repeat-x;backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.nav{ background: url(../images/navbg1.jpg) repeat-x; width:1200px; margin:0 auto; padding-left:10px; }
.nav ul{width:100%px;height:50px;margin:0 auto;}
.nav li{list-style:none;width:140px;height:50px;float:left;position:relative;}
.nav li .a{display:block;height:50px;line-height:50px;color:#fff;text-align:center;text-decoration:none;font-family:"微软雅黑";font-size:28px;font-weight: 550}
.xmzs0{background:rgba(0,80,143,0.5);display:none;position:absolute;left:0;top:50px;padding:10px;backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.xmzs0 ul{ margin:0; padding:0; list-style:none; width:305px; text-align:left; }
.xmzs0 ul li{ height:35px; line-height:35px; font-size:28px; float:left;}
.xmzs0 ul li a{ color:#fff;}
/*emenu*/
#navContentEn{ position:relative;width:100%; z-index:999; margin:0 auto;background: url(../images/navbg.jpg) repeat-x;backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.navEn{ background: url(../images/navbg1.jpg) repeat-x; width:1200px; margin:0 auto; padding-left:10px; }
.navEn ul{width:100%;height:50px;margin:0 auto;}
.navEn li{list-style:none;width:150px;height:50px;float:left;position:relative;}
.navEn li .a{display:block;height:50px;line-height:50px;color:#fff;text-align:center;text-decoration:none;font-family:"微软雅黑";font-size:28px;font-weight: 550}
.xmzs0en{background:rgba(0,80,143,0.5);display:none;position:absolute;left:0;top:50px;padding:10px;backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.xmzs0en ul{ margin:0; padding:0; list-style:none; width:305px; text-align:left; }
.xmzs0en ul li{ height:35px; line-height:35px; font-size:28px; float:left;}
.xmzs0en ul li a{ color:#fff;}
/*banner*/
#full-screen-slider { width:100%; height:480px; position:relative; z-index:1; margin:0 auto; overflow:hidden;}
#slides { display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:480px;list-style:none; padding:0; margin:0; position:absolute; left:0;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:20%; top:450px; z-index:9900; padding:5px 21px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:21px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#0092CE}
/* page css */
#info_box{ margin-top:80px;}
h1.title{ font-size:21px;font-family:"Microsoft Yahei",Verdana; margin:0 0 10px 21px; padding:1px 2px; line-height:26px; background:#333; color:#fff; display:inline-block;_ display:inline;}
p.text{ font-size:21px;font-family:"Microsoft Yahei",Verdana; line-height:22px; color:#333; padding:0 21px;}
p.text a{color:#0088CC; margin:0 1px;}
p.text a:hover{ text-decoration:underline;}
.mycode{background:#EEEEEE;border: 1px dashed #CCCCCC;font-size:10pt;margin:10px 21px;padding:10px; font-family:"Courier New",Verdana;}
.mycode pre{ color: #0000FF;margin: 0; white-space: pre-wrap;word-wrap: break-word;}
.mycode pre span.note{color:#999; font-size:21px;line-height:21px;}
.mycode pre span.highlight{color:#F00; font-weight:bold;}
.mycode pre h4{ font-size:21px; background:#c00; color:#fff; display:inline-block;height:21px;line-height:21px; padding:0 5px;}
/* 文本切换盒子 - 公用类 */
.dhooo_tab{width:325px;position:relative; }
.tab_btn{float:right; width:70px}
.tab_btn li { cursor:pointer;background:#f0ad3c; margin-bottom:5px;}
.tab_btn li a{width:60px; height:42px; padding:5px; display:block;}
.tab_btn li a:hover{ background:#e67016;}
.tab_btn li img{width:60px; height:42px;}
.tab_btn li.hot {background:#e67016;cursor:default;}
.tab_btn_num{position:absolute; right:50px;bottom:21px;}
.tab_btn_num li{width:21px;height:21px;background: #CC3300;border:2px solid #993300; overflow:hidden; color:#fff; filter:alpha(opacity=80);opacity:0.8;float:left;cursor:default; font-size:21px;line-height:21px; margin:0px 5px; font-family:Arial;}
.tab_btn_num li.hot{background:#FFCC00; color:#993300; border:2px solid #FF0000; }
.shell{width:99999px; height:100%; }
.shell li{float:left; width:240px; height:100%; }
.shell li img{width:328px;height:170px; }
.main{width:240px;height:170px; overflow:hidden; background:#000;}
/*公告*/
.iboard{ background:url(../images/iboardbg.jpg) no-repeat left top; padding-left:30px; height:29px; line-height:29px; position:relative;}
.iboard .comNewsUl1{ margin:0; padding:0; list-style:none;}
.iboard .comNewsUl1 li{ width:350px; float:left; height:29px; line-height:29px; overflow:hidden;}
.iboard .comNewsUl1 li span.date1{ font-size:21px;}
div.sitemap{ position:absolute; top:7px; right:5px; width:141px; height:21px; display:block; border:none; background:url(../images/sitemap.gif) no-repeat; }
ul.sitemap { list-style:none; background:#d4ddec; border:1px solid #225893; color:#1f5a95; width:130px; z-index:9999; margin-left:5px;}
ul.sitemap li { padding:2px 5px; }
.video{ width:230px; height:140px;}
/*二维码*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:999;
}
#code{ background-position:-276px -433px; bottom:121px; _margin-bottom:121px;}
#code_hover{ background-position:-321px -433px; bottom:121px; _margin-bottom:121px;}
#gotop{ background-position:-276px -485px; bottom:67px; _margin-bottom:67px;}
#code_img{ width:270px; height:539px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px; z-index:99;}
/* 底部版权声明 */
#friendlink { text-align:left; background:url(../images/dlcustombot.gif) no-repeat left bottom; margin:0 auto; width:1175px; border-top:1px dotted #ccc;}
#customer h2 { height:25px; line-height:25px; font-size:21px; background:url(../images/dlcustom.gif) no-repeat; padding-left:21px; }
#friendlink ul { margin:0; padding:5px 0; list-style-type:none;}
#friendlink li { float:left; line-height:21px; padding: 0 10px 0 21px; background:url(../images/dot1.gif) no-repeat 8px center;}
/* 底部友情链接 */
#footer{
color: #fff;
width:100%;
line-height: 150%;
text-align: center;
background: #cbb797;
height: 185px;
overflow: hidden;
padding-top: 10px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#footer a{ color:#fff;}
.footer_txt{
position:absolute;
right:0;
top:0px;
}
.footer_txt select{color:#222;}
.foooter_dl{ width:95px; float:left; color:#fff; margin-right:10px;}
.foooter_dl dt{ font-size:21px; padding:10px 0;}
.foooter_dl dd { height:21px; line-height:22px;}
/* 边框样式 */
.bDarkgrey { border:1px solid #949494; }
/* 其它样式 */
.webDh{ width:1200px; margin:10px auto; height:25px; line-height:25px; text-align:right;}
.channel { margin:0 auto; width:1200px; text-align:left; }
.channelIn{ margin:0px auto; margin-bottom:50px; width:1200px; text-align:left; background:#fff url(../images/bgx.jpg) repeat-y left top;
-moz-border-radius: 10px; /* Gecko browsers */
-webkit-border-radius: 10px; /* Webkit browsers */
border-radius:10px; /* W3C syntax */
border:1px solid #eee;
box-shadow: 0px 0px 21px #ccc;
-webkit-box-shadow: 0 0 21px #ccc;
-moz-box-shadow: 0 0 21px #ccc;
}
#ebanner { margin:2px auto; width:944px; text-align:left; }
.bannerIn{ width:100%; margin:0 auto; height:175px; text-align:center;background:url(../images/inbannerbg.jpg) repeat-x;}
.bannerInImg{ width:987px; margin:0 auto; height:221px; position:relative;}
.bannerInImg .webDh{ position:absolute; right:0; bottom:0;}
.c_bg{ background:url(../images/cbg.jpg) no-repeat 130px top;}
.c_bgEn{ background:url(../images/cbg.jpg) no-repeat 200px top;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */
/* end of clearfix */
/*========== page */
#page {
padding: 21px 10px 21px 10px;
margin: 0px auto;
text-align: center;
}
#page a {
display: inline-block;
width: 28px;
height: 28px;
line-height:28px;
text-align: center;
color: #888888;
font-size: 21px;
background: url(../images/page.jpg) no-repeat;
background-position: 0px 0px;
margin: 0px 3px 0px 3px;
}
#page a:hover {
background-position: 0px -80px;
color: #ffffff;
}
#page .current {
display: inline-block;
width: 28px;
height: 28px;
text-align: center;
color: #ffffff !important;
font-size: 21px;
background: url(../images/page.jpg) no-repeat;
background-position: 0px -80px !important;
margin: 0px 3px 0px 3px;
}
#page .prve {
background-position: 0px -121px;
text-indent: -9999em;
}
#page .prve:hover {
background-position: -40px -121px;
}
#page .prveNO {
background-position: 0px -121px !important;
text-indent: -9999em;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#page .next {
background-position: 0px -158px;
text-indent: -9999em;
}
#page .next:hover {
background-position: -40px -158px;
}
#page .nextNO {
background-position: 0px -158px !important;
text-indent: -9999em;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
/* end*/
/*浮动QQcss*/
.izl-rmenu{position:fixed;margin-left:absolute;right: 0;top:10%;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/er_sk.png) 0px 0px no-repeat rgba(109,169,222,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu .btn-qq:hover{background-color:rgba(72,139,199,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/er_sk.png) 0px 0px no-repeat;background-color:rgba(109,169,222,0.5);text-decoration:none;display:block;}
.izl-rmenu .btn-qq .qqlist{background-color:rgba(72,139,199,0.5);position:absolute;width:160px;left:-160px;top:0px;height:73px;line-height:73px;color:#FFF;font-size:21px;text-align:center;display:none;}
.izl-rmenu .btn-qq .qqlist img{ margin-bottom:-5px;}
.izl-rmenu .btn-qq .qqlist a{ color:#fff;}
.izl-rmenu .btn-wx{background:url(../images/er_tm.png) 0px 0px no-repeat rgba(120,195,64,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu .btn-wx:hover{background-color:rgba(88,168,28,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu a.btn-wx,.izl-rmenu a.btn-wx:visited{background:url(../images/er_tm.png) 0px 0px no-repeat;background-color:rgba(88,168,28,0.5);text-decoration:none;display:block;}
.izl-rmenu .btn-wx .wxlist{background-color:rgba(88,168,28,0.5);position:absolute;width:160px;left:-160px;top:0px;height:73px;line-height:73px;color:#FFF;font-size:21px;text-align:center;display:none;}
.izl-rmenu .btn-wx .wxlist img{ margin-bottom:-5px;}
.izl-rmenu .btn-wx .wxlist a{ color:#fff;}
.izl-rmenu .btn-phone{background:url(../images/er_phone.png) 0px 0px no-repeat rgba(251,176,31,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu .btn-phone:hover{background-color:rgba(255,129,27,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu .btn-phone .phone{background-color:rgba(255,129,27,0.5);position:absolute;width:160px;left:-160px;top:0px;height:73px;line-height:73px;color:#FFF;font-size:21px;text-align:center;display:none;}
.izl-rmenu .btn-phone a{ color:#fff;}
.izl-rmenu .btn-ali{background:url(../images/er_sy.png) 0px 0px no-repeat rgba(253,89,21,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu .btn-ali:hover{background-color:rgba(231,67,0,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu .btn-ali .ali{background-color:rgba(231,67,0,0.5);position:absolute;width:160px;left:-160px;top:0px;height:73px; line-height:73px;color:#FFF;font-size:21px;text-align:center;display:none;}
.izl-rmenu .btn-ali a{ color:#fff;}
.izl-rmenu .btn-pl{background:url(../images/er_yx.png) 0px 0px no-repeat rgba(233,45,45,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu .btn-pl:hover{background-color:rgba(237,28,36,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu .btn-pl .pl{background-color:rgba(237,28,36,0.5);position:absolute;width:160px;left:-160px;top:0px;height:109.5px; line-height:36.5px;color:#FFF;font-size:21px;text-align:center;display:none;}
.izl-rmenu .btn-pl a{ color:#fff;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat rgba(102,102,102,0.5);display:none;backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
.izl-rmenu .btn-top:hover{background-color:rgba(68,68,68,0.5);backdrop-filter: saturate(300%) blur(10px);-webkit-backdrop-filter: saturate(300%) blur(10px);}
/*home*/
/*布局*/
.n-right{
float:right;
width:780px;
}
.n-left{
float:left;
width:173px;
padding:21px;
}
.iorder{ width:175px; height:162px; padding-top:50px; background:#bed630; display:block; text-align:center;-webkit-transition: all 0.3s ease-in-out;}
.iorder:hover {text-decoration: none;background:#a5ba26;}
/*首页类别cn*/
.icategory {height: 210px; width:1200px; margin:0 auto;}
.icategory li{ width:153px; float:left;}
.ic0{width: 150px; height:210px; padding:0; background: url(../images/category.jpg) no-repeat -2px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic0:hover { background: url(../images/category.jpg) no-repeat -2px bottom;}
.ic1{width: 150px; height:210px; padding:0; background: url(../images/category.jpg) no-repeat -152px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic1:hover { background: url(../images/category.jpg) no-repeat -152px bottom;}
.ic2{width: 150px; height:210px; padding:0; background: url(../images/category.jpg) no-repeat -302px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic2:hover { background: url(../images/category.jpg) no-repeat -302px bottom;}
.ic3{width: 150px; height:210px; padding:0; background: url(../images/category.jpg) no-repeat -452px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic3:hover { background: url(../images/category.jpg) no-repeat -452px bottom;}
.ic4{width: 150px; height:210px; padding:0; background: url(../images/category.jpg) no-repeat -602px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic4:hover { background: url(../images/category.jpg) no-repeat -602px bottom;}
.ic5{width: 150px; height:210px; padding:0; background: url(../images/category.jpg) no-repeat -752px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic5:hover { background: url(../images/category.jpg) no-repeat -752px bottom;}
.ic6{width: 150px; height:210px; padding:0; background: url(../images/category.jpg) no-repeat -902px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic6:hover { background: url(../images/category.jpg) no-repeat -902px bottom;}
/*首页类别en*/
.icategoryen {height: 210px; width:1200px; margin:0 auto;}
.icategoryen li{ width:153px; float:left;}
.ic0en{width: 150px; height:210px; padding:0; background: url(../images/categoryen.jpg) no-repeat -2px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic0en:hover { background: url(../images/categoryen.jpg) no-repeat -2px bottom;}
.ic1en{width: 150px; height:210px; padding:0; background: url(../images/categoryen.jpg) no-repeat -152px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic1en:hover { background: url(../images/categoryen.jpg) no-repeat -152px bottom;}
.ic2en{width: 150px; height:210px; padding:0; background: url(../images/categoryen.jpg) no-repeat -302px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic2en:hover { background: url(../images/categoryen.jpg) no-repeat -302px bottom;}
.ic3en{width: 150px; height:210px; padding:0; background: url(../images/categoryen.jpg) no-repeat -452px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic3en:hover { background: url(../images/categoryen.jpg) no-repeat -452px bottom;}
.ic4en{width: 150px; height:210px; padding:0; background: url(../images/categoryen.jpg) no-repeat -602px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic4en:hover { background: url(../images/categoryen.jpg) no-repeat -602px bottom;}
.ic5en{width: 150px; height:210px; padding:0; background: url(../images/categoryen.jpg) no-repeat -752px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic5en:hover { background: url(../images/categoryen.jpg) no-repeat -752px bottom;}
.ic6en{width: 150px; height:210px; padding:0; background: url(../images/categoryen.jpg) no-repeat -902px top;-webkit-transition: all 0.3s ease-in-out; text-align:center; display:block; text-indent:-9999px;}
.ic6en:hover { background: url(../images/categoryen.jpg) no-repeat -902px bottom;}
.iaboutul{ margin:0; padding:0; list-style:none; position:absolute; right:0; bottom:1px; width:627px; border-top:1px solid #eee;}
.iaboutul li{ width:125px; float:left; font-size:21px;}
.iaboutul li a{ height:40px; line-height:40px; display:block; padding-left:40px; background:url(../images/i1.png) no-repeat 21px center;-webkit-transition: all 0.3s ease-in-out;}
.iaboutul li a:hover{background:#00508f url(../images/i1.png) no-repeat 21px center; color:#fff; text-decoration:none;}
.ipz{ margin:0px 0; padding:0; list-style:none;}
.ipz li{ width:333px; float:left; text-align:center;}
.ipz a{ width:150px; height:150px; position:relative; background:rgba(f,f,f,0.5); display:block;position:relative;}
.ipz a div{
position: absolute;
z-index: 30;
left: 0px;
height:40px;
bottom: 150px;
width:150px;
font-size:21px;
color:#000;
opacity: 0;
-webkit-transition: bottom 0.4s ease-in-out, opacity 0.6s ease-in-out;
-moz-transition: bottom 0.4s ease-in-out, opacity 0.6s ease-in-out;
-o-transition: bottom 0.4s ease-in-out, opacity 0.6s ease-in-out;
-ms-transition: bottom 0.4s ease-in-out, opacity 0.6s ease-in-out;
transition: bottom 0.4s ease-in-out, opacity 0.6s ease-in-out;
}
.ipz a:hover div{
bottom: 60px;
opacity: 1;
}
.ipz a img{opacity: 0.8;transition: opacity 0.6s ease-in-out;}
.ipz a:hover img{opacity: 0.5;}
/*企业荣誉*/
#sidebar-tab{}
#tab-title ul{ margin:0; padding:0; list-style:none;}
#tab-title ul li{ width:121px; float:left; padding-bottom:5px;}
#tab-title ul li a{ background:#f60; height:30px; line-height:30px; text-align:center; color:#fff; display:block;}
#tab-title .selected{ background:url(../images/botarrow.png) no-repeat center bottom;}
#tab-title .selected a{color:#fff;background:#4a5199;} /*标题被选中时的样式*/
#tab-content .hide{display:none;} /*默认让第一块内容显示，其余隐藏*/
/*全局*/
.title1{
padding:21px 0 0 21px;
font-size:22px;
color:#333;
position:relative;
}
.title3{
font-size:21px;
padding-bottom:10px;
color:#666;
position:relative;
background:url(../images/i1.jpg) no-repeat left center;
}
.title4{
height:40px;
line-height:40px;
font-size:21px;
color:#7b120e;
position:relative;
background:url(../images/dot4.gif) no-repeat left center;
padding-left:10px;
border-bottom:1px solid #ccc;
}
.iabout{ height:30px; font-size:21px; background:url(../images/iabout.gif) no-repeat left top; position:relative; border-bottom:1px solid #ccc;}
.etitle1{
height:30px;
line-height:30px;
font-size:21px;
position:relative;
border-bottom:1px solid #ccc;
}
.title2{
height:40px;
line-height:40px;
border-bottom:1px solid #ccc;
text-align:center;
color:#c00;
}
/* 推荐产品 - 公用类 */
.slideBox1{ width:292px; height:260px; overflow:hidden; position:relative; background:bed630;}
.slideBox1 .icomT{ position:absolute; top:10px; left:0; z-index:999;}
.slideBox1 .hd{ height:21px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left; list-style:none; }
.slideBox1 .hd ul li{ float:left; margin-right:5px; width:21px; height:21px; line-height:21px; text-align:center; background:#fff; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:#f45600; color:#fff; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0; list-style:none;}
.slideBox1 .bd img{ width:292px; height:260px; }
/* 多个左滚动 - 图片- 公用类 */
.leftLoop{ width:100%; margin:0; background:#f3f3f3;}
.leftLoop .hd{ position:relative; width:1200px; margin:0 auto; z-index:999;}
.leftLoop .hd .prev{ position:absolute; left:0; top:121px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cprevPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;}
.leftLoop .hd .prev:hover{ background:url("../images/cprevPro.png") no-repeat left bottom; }
.leftLoop .hd .next{position:absolute; right:0; top:121px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cnextPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;}
.leftLoop .hd .next:hover{ background:url("../images/cnextPro.png") no-repeat left bottom; }
.leftLoop .bd{ width:100%; text-align:center;}
.leftLoop .bd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; width:1200px; margin:0 auto;}
.leftLoop .bd ul li{float:left; _display:inline; overflow:hidden; width:250px; text-align:center; }
.leftLoop .bd ul li .pic img{ width:230px;}
.leftLoop .bd ul li .pic{ width:230px; text-align:center; height:230px;-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; display:block; border:5px solid #f8f8f8; overflow:hidden; background:#fff;-webkit-transition: all 0.3s ease-in-out;}
.leftLoop .bd ul li .pic:hover{ background:#fff; color:#fff; border:5px solid #218921; text-decoration:none;}
.leftLoop .bd ul li p{ margin:10px 0;height:30px; line-height:30px; font-size:21px;-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; }
.leftLoop .bd ul li a{display:block; position:relative;-webkit-transition: all 0.3s ease-in-out;}
.leftLoop .bd ul li:hover p{ background:#218921; text-align:center; color:#fff;}
/* 多个左滚动 - 图片- 公用类 */
.leftLoop1{ width:100%; margin:0; background:url("../images/zy/abbg.jpg");}
.leftLoop1 .hd{ position:relative; width:1200px; margin:0 auto; z-index:999;}
.leftLoop1 .hd .prev{ position:absolute; left:0; top:65px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cprevPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;}
.leftLoop1 .hd .prev:hover{ background:url("../images/cprevPro.png") no-repeat left bottom; }
.leftLoop1 .hd .next{position:absolute; right:0; top:65px; display:block; width:30px; height:30px; cursor:pointer; background:url("../images/cnextPro.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;}
.leftLoop1 .hd .next:hover{ background:url("../images/cnextPro.png") no-repeat left bottom; }
.leftLoop1 .bd{ width:100%; text-align:center;}
.leftLoop1 .bd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; width:1200px; margin:0 auto;}
.leftLoop1 .bd ul li{float:left; _display:inline; overflow:hidden; width:303px; text-align:center; }
.leftLoop1 .bd ul li .pic img{ width:280px;}
.leftLoop1 .bd ul li .pic{ width:280px; text-align:center; height:100px;-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; display:block; border:5px solid #f8f8f8; overflow:hidden; background:#fff;-webkit-transition: all 0.3s ease-in-out;}
.leftLoop1 .bd ul li .pic:hover{ background:#fff; color:#fff; border:5px solid #218921; text-decoration:none;}
.leftLoop1 .bd ul li p{ margin:10px 0;height:30px; line-height:30px; font-size:21px;-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; }
.leftLoop1 .bd ul li a{display:block; position:relative;-webkit-transition: all 0.3s ease-in-out;}
.leftLoop1 .bd ul li:hover p{ background:#218921; text-align:center; color:#fff;}
.ul_partner{ margin:0; padding:0; list-style:none;}
.ul_partner li{ width:150px; float:left; margin:5px;}
.ul_partner li p{ font-size:21px; text-align:center;}
/*发展历程*/
/*history*/
.history { background:url(../images/line04.gif) repeat-y 187px 0; overflow:hidden; position:relative;}
.history-date { overflow:hidden;}
.history-date h2 { background:url(../images/icon06.gif) #fff no-repeat 158px 0; height:59px; font-size:25px; font-family:微软雅黑; font-weight:normal; padding-left:45px; margin-bottom:5px; }
.history-date h2.first { position:absolute; left:0; top:0; width:1135px; z-index:99;}
.history-date h2 a { color:#00bbff; display:inline-block; *display:inline; zoom:1; background:url(../images/icon08.gif) no-repeat right 50%; padding-right:21px; margin:5px 97px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date ul { margin:0; padding:0;}
.history-date ul li { background:url(../images/icon07.gif) no-repeat 180px 0; padding-bottom:10px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:21px;color:#c3c3c3; font:normal 21px/21px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:21px;}
.history-date ul li dl { float:left; padding-left:21px; margin-top:-5px; font-family:微软雅黑;}
.history-date ul li dl dt { font:21px 微软雅黑; color:#333; width:521px;}
.history-date ul li dl dt span { display:block; color:#787878; font-size:21px;}
.history-date ul li.green h3 { color:#1db702;}
.history-date ul li.green h3 span { color:#a8dda3; }
.history-date ul li.green dl { margin-top:-8px;}
.history-date ul li.green dl dt { font-size:21px; line-height:28px;}
.history-date ul li.green dl dt a { /*background:url(../images/icon09.gif) no-repeat 0 0; width:21px; height:21px;*/ display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:21px;}
.history-date ul li.green dl dd { padding-top:21px; display:none;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}
.history-date h2.first .more-history {font-size: 21px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}
*body .history-date ul li dl dt {_font-size:21px !important; _font-weight:bold;}
*body .history-date ul li dl dt span {_font-weight:normal !important;}
*body .history-date ul li.green dl dt a {_background:transparent !important; *background:transparent !important;*font-size:21px !important; _font-weight:normal !important;}
/*首页公告*/
.dl_inews{ padding:0 0 0 60px; position:relative; height:50px; padding-top:8px; border-bottom:1px solid #ccc;}
.dl_inews dt{ width:50px; position:absolute; left:0; top:0;}
.dl_inews dt img{ width:50px; height:50px; }
.dl_inews dd{ padding:0; color:#f60;}
.laboutTitle{ height:30px; line-height:30px; color:#842626; font-size:21px;}
.ul_aboutleft{
margin:0;
padding:0;
list-style:none;
text-align:left;
background:#372f2c;
height:50px;
}
.ul_aboutleft dt{ float:left; width:266px;}
.ul_aboutleft dd{
padding:0 10px;
float:left;
}
.ul_aboutleft dd a{
padding:0 10px;
font-size:21px;
color:#eeeeee;
line-height:50px;
text-align:center;
display:block;
border-top:4px solid #372f2c;
}
.ul_aboutleft dd a:hover{
color:#fff;
text-decoration:none;
-webkit-transition: all 0.3s ease-out;
border-top:4px solid #fff;
}
.ul_aboutleft dd a.on{border-top:4px solid #fff;}
.ul_aboutleft2{
margin:0;
padding:0;
list-style:none;
text-align:left;
background:#0752A5;
height:50px;
}
.ul_aboutleft2 dt{ float:left; width:266px;}
.ul_aboutleft2 dd{
padding:0 10px;
float:left;
}
.ul_aboutleft2 dd a{
padding:0 10px;
font-size:21px;
color:#eeeeee;
line-height:50px;
text-align:center;
display:block;
border-top:4px solid #0752A5;
}
.ul_aboutleft2 dd a:hover{
color:#fff;
text-decoration:none;
-webkit-transition: all 0.3s ease-out;
border-top:4px solid #fff;
}
.ul_aboutleft2 dd a.on{border-top:4px solid #fff;}
.ul_aboutleft3{
margin:0;
padding:0;
list-style:none;
text-align:left;
background:#eeeeee;
height:50px;
}
.ul_aboutleft3 dt{ float:left; width:266px;}
.ul_aboutleft3 dd{
padding:0 10px;
float:left;
}
.ul_aboutleft3 dd a{
padding:0 10px;
font-size:21px;
color:#372f2c;
line-height:50px;
text-align:center;
display:block;
border-top:4px solid #eeeeee;
}
.ul_aboutleft3 dd a:hover{
color:#372f2c;
text-decoration:none;
-webkit-transition: all 0.3s ease-out;
border-top:4px solid #372f2c;
}
.ul_aboutleft3 dd a.on{border-top:4px solid #372f2c;}
/**/
.ul_proleft{
margin:0;
padding:0;
list-style:none;
text-align:left;
background:#ffe808;
height:50px;
}
.ul_proleft dt{ float:left; width:266px;}
.ul_proleft dd{
padding:0 5px;
float:left;
}
.ul_proleft dd a{
padding:0 10px;
font-size:21px;
color:#eeeeee;
line-height:50px;
text-align:center;
display:block;
border-top:4px solid #372f2c;
}
.ul_proleft dd a:hover{
color:#fff;
text-decoration:none;
-webkit-transition: all 0.3s ease-out;
border-top:4px solid #fff;
}
.ul_proleft dd a.on{border-top:4px solid #fff;}
/**/
.dl_pro{
margin:0;
padding:0;
list-style:none;
text-align:left;
background:#27221e;
height:50px;
}
.dl_pro dd{
padding:0 5px;
float:left;
}
.dl_pro dd a{
padding:0 10px;
font-size:21px;
color:#eeeeee;
line-height:50px;
text-align:center;
display:block;
border-top:4px solid #372f2c;
}
.dl_pro dd a:hover{
color:#fff;
text-decoration:none;
-webkit-transition: all 0.3s ease-out;
border-top:4px solid #fff;
}
.dl_pro dd a.on{border-top:4px solid #fff;}
/*类别*/
.category{ margin:0; padding:0;}
.category dt{ text-align:left; border-bottom:1px solid #fff;}
.category dt a{
font-size:21px;
color:#fff;
line-height:34px;
padding-left:10px;
text-align:left;
display:block;
background:#4d518e;
}
.category dt a:hover{
text-decoration:none;
background:#5f63a8;
-webkit-transition: all 0.3s ease-out;
}
.category dd{}
.category dd a{ color:#111; display:block;padding-left:10px; padding-top:8px; padding-bottom:8px; overflow:hidden; background:#d8d8d8; border-bottom:1px solid #fff;padding-right:10px;}
.category dd a:hover{background:#f60; text-decoration:none; color:#fff; }
.categoryImg{ padding:10px; }
.categoryImg dt{}
.dl_aboutleft{
margin:0;
padding:0;
text-align:left;
background:#666;
border:1px solid #ccc;
}
.dl_aboutleft dt{
padding:0;
border-bottom:1px solid #f0f0f0;
}
.dl_aboutleft dt a{
font-size:21px;
color:#666;
line-height:30px;
padding-left:21px;
text-align:left;
display:block;
background:#dedede url(../images/dot1.gif) no-repeat 8px 21px;
-webkit-transition: all 0.3s ease-out;
}
.dl_aboutleft dt a:hover{
text-decoration:none;
color:#fff;
background:#ce1512 url(../images/sec.gif) no-repeat 110px center;
}
.dl_aboutleft dt a.profess{
font-size:21px;
color:#666;
line-height:30px;
padding-left:21px;
text-align:left;
display:block;
background:#dedede url(../images/dot1.gif) no-repeat 8px 21px;
-webkit-transition: all 0.3s ease-out;
}
.dl_aboutleft dt a.profess:hover{
text-decoration:none;
color:#fff;
background:#ce1512 url(../images/dot1.gif) no-repeat 5px 21px;
}
.dl_aboutleft dd{ border-bottom:1px solid #f0f0f0;}
.dl_aboutleft dd a{
font-size:21px;
color:#fff;
line-height:25px;
padding-left:21px;
text-align:left;
display:block;
background:#999;
}
.dl_aboutleft dd a:hover{ background:#afafaf; text-decoration:none;}
.dl_aboutleft dd a.sec{
color:#fff;
line-height:30px;
padding-left:21px;
text-align:left;
display:block;
background:#999 url(../images/sec1.gif) no-repeat 110px center;
}
.dl_aboutleft dd a.sec:hover{
color:#fff;
line-height:30px;
padding-left:21px;
text-align:left;
display:block;
background:#afafaf url(../images/sec1.gif) no-repeat 110px center;
}
.dl_aboutleft dd a.thi{
color:#fff;
line-height:30px;
padding-left:21px;
text-align:left;
display:block;
background:#bebebe;
}
.dl_aboutleft dd a.thi:hover{
color:#fff;
line-height:30px;
padding-left:21px;
text-align:left;
display:block;
background:#c8c6c6;
}
/*在线订单*/
.ul_order{ margin:0; padding:0; list-style:none;}
.ul_order li{ width:121px; float:left; height:100px; text-align:center;}
.ul_order li p{ height:25px; line-height:25px;}
.ul_order li img{ width:80px;}
.pdetailAuto{HEIGHT: 200px; OVERFLOW-y: scroll; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #0b94fb; scrollbar-track-color: #eee; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff;}
.dl_about{
margin:0;
padding:0 10px;
list-style:none;
text-align:left;
background:url(../images/lbg.jpg) repeat-y left top;
}
.dl_about dt{
}
.dl_about dd{
padding:0 10px;
}
.dl_about dd a{
height:25px;
line-height:25px;
display:block;
padding-left:21px;
background:url(../images/dot2.gif) no-repeat 5px center;
}
.dl_about dd a:hover{
text-decoration:none;
color:#fff;
background:url(../images/ddover.gif) no-repeat left center;
}
/*企业图片新闻*/
.dl_news{
padding:10px 0 6px 210px;
position:relative;
height:130px;
overflow:hidden;
border-bottom:1px dotted #ccc;
}
.dl_news dt{
width:200px;
height:130px;
padding:10px 0 0 10px;
position:absolute;
top:8px;
left:0;
background:url(../images/newsbg.jpg) no-repeat left top;
}
.dl_news dt img{width:172px; height:107px; margin-bottom:21px;}
.dl_news dt p{ height:25px; line-height:25px; text-align:center;}
.dl_news dd{
line-height:200%;
}
.dl_news dd.Ntitle{
padding:5px 0;
font-size:21px;
font-weight:bold;
color:#c00;
background:url(../images/icon3.gif) no-repeat left center;
}
.dl_newsDt{
padding:10px;
overflow:hidden;
border-bottom:1px dotted #ccc;
}
.dl_newsDt dd{
line-height:200%;
}
.dl_newsDt dt{
padding:5px 0;
font-size:21px;
font-weight:bold;
color:#c00;
background:url(../images/dot5.gif) no-repeat left center;
padding-left:21px;
}
/*分页*/
.page{ text-align:center; padding:21px 0;}
/*首页滚动产品*/
.ipro_contant{
margin:0px;
padding:0px;
list-style-type:none;
text-align:center;
}
.ipro_contant li{
width:190px;
height:170px;
float:left;
}
.ipro_contant li a{
width:150px;
height:180px;
display:block;
}
.ipro_contant li p{ height:30px; line-height:30px;}
.ipro_contant li img{
width:170px;
height:140px;
}
.ipro_contant li a:hover{
}
/*产品列表*/
.pro_contant{}
.pro_contant li{float:left; _display:inline; overflow:hidden; width:250px; text-align:center; }
.pro_contant li .pic img{ width:230px;}
.pro_contant li .pic{ width:230px; text-align:center; height:230px;-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; display:block; border:5px solid #f8f8f8; overflow:hidden; background:#fff;-webkit-transition: all 0.3s ease-in-out;}
.pro_contant li .pic:hover{ background:#fff; color:#fff; border:5px solid #218921; text-decoration:none;}
.pro_contant li p{ margin:10px 0;height:30px; line-height:30px; font-size:21px;-webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; }
.pro_contant li a{display:block; position:relative;-webkit-transition: all 0.3s ease-in-out; width:230px;}
.pro_contant li:hover p{ background:#218921; text-align:center; color:#fff;}
.pro_ul{
padding:0;
list-style:none;
width:600px;
float:right;
}
.pro_ul li{ line-height:30px; width:250px; float:left;}
.pro_ul li a{ font-size:21px;}
.pro_Cname{
text-align:center;
font-size:21px;
font-weight:bold;
color:#000;
height:35px;
line-height:21px;
}
/*产品上下*/
.proNP1{ margin:0; padding:10; list-style:none; position:absolute; right:10px; top:0;}
.proNP1 li{ width:121px; float:left; margin-left:10px;}
.proNP1 li a{ height:30px; line-height:30px; text-align:center; font-size:21px; background:#eb7511; display:block; color:#fff;-webkit-transition: all 0.3s ease-in-out;border-radius:0 0 5px 5px;}
.proNP1 li a:hover{ background:#4a5199; text-decoration:none;}
/*产品列表*/
.pro_zp{
float:left;
text-align:left;
padding:10px;
list-style-type:none;
background:url(../images/zpprobg.jpg) no-repeat left top;
width:340px;
height:160px;
margin-bottom:10px;
}
.pro_zp dt{
width:180px;
height:170px;
float:left;
margin-right:10px;
}
.pro_zp dd{ line-height:180%;}
.pro_zp dt img{
width:170px;
}
.zppro_Cname{
font-size:21px;
font-weight:bold;
color:#f60;
height:30px;
line-height:30px;
white-space:nowrap;
overflow:hidden;
width: 130px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.dproimg{ position:relative; padding-bottom:100px; text-align:center; height:356px;}
.n_dproimg{ margin:0; padding:0; list-style:none; height:90px; position:absolute; left:0; bottom:0;}
.n_dproimg li{ width:100px; float:left;}
.n_dproimg li img{ width:90px; height:60px;}
.n_dproimg li a{ width:90px; height:60px;display:block; padding:2px; background:#ccc;}
.n_dproimg li a:hover{ background:#c00;}
.n_dproimg li a.titleover1{background:#bed630;}
.pro_detail_Img{
text-align:center;
}
.pro_detail_caption{
}
.pro_detail_caption h4{
margin:10px 0;
font-size:21px;
height:30px;
line-height:30px;
border-bottom:1px solid #ccc;
}
.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;}
.right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:24px;padding:3px 21px 0;background:url(../images/icon_clubs.gif) #ccc no-repeat right -150px;overflow:hidden;margin-right:3px;line-height:24px;font-size:21px;font-weight:bold;color:#c30;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{background-position:right -178px;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}
.right-extra .total{float:right;}
.right-extra .total strong{color:#FF7403;}
.right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;}
.right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;}
.right-extra .norecode{padding:0 10px 10px;}
.right-extra .iloading{margin-bottom:10px;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:350px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:21px;height:21px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:21px;width:350px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:70px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:70px;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:70px;height:60px;}
.spec-scroll .items ul li img:hover{border:2px solid #bed630;padding:1px;}
/*形象展示*/
.proShwo_contant{
padding:10px;
list-style-type:none;
}
.proShwo_contant li{
width:221px;
height:110px;
float:left;
text-align:center;
}
.proShwo_contant li img{
width:200px;
height:83px;
}
/*产品详细页*/
.spro_contant{
text-align:center;
margin:0px;
padding:10px 10px 10px 45px;
list-style-type:none;
}
.spro_contant li{
width:130px;
height:121px;
float:left;
}
.spro_contant li img{
width:100px;
height:95px;
}
/*新闻中心*/
.dl_news1a{width:50%;padding:0;float:left;height:110px;-webkit-transition: all 0.3s ease-in-out;}
.dl_news1a h3{ font-size:21px;}
.dl_news1a:hover{ background:#00508f; color:#fff; text-decoration:none;}
.dl_news1a:hover h3{ font-size:21px; color:#fff;}
.dl_news1a:hover dt{ background:#fff; color:#00508f;}
.dl_news1{
}
.dl_news1 dt{ width:100px; height:70px; float:left; text-align:center; border:4px solid #eee; padding-top:10px; margin:10px;}
.dl_news1 dt h2{ font-size:24px;}
.dl_news1 dd{ padding:10px 10px 0 0;}
/*新闻中心列表*/
.dl_news2a{width:100%;padding:0;float:left;height:110px;-webkit-transition: all 0.3s ease-in-out;}
.dl_news2a h3{ font-size:21px;}
.dl_news2a:hover{ background:#00508f; color:#fff; text-decoration:none;}
.dl_news2a:hover h3{ font-size:21px; color:#fff;}
.dl_news2a:hover dt{ background:#fff; color:#00508f;}
.dl_news2{
}
.dl_news2 dt{ width:221px; height:70px; float:left; text-align:center; border:4px solid #eee; padding-top:10px; margin:10px 21px;}
.dl_news2 dt h2{ font-size:24px;}
.dl_news2 dd{ padding:10px 10px 0 0;}
.ulhonorList{ margin:0; padding:0 0 10px 0; list-style-type:none; border-bottom:1px dotted #ccc;}
.ulhonorList li{ width:121px; float:left; height:180px; text-align:center;}
.ulhonorList li img{ width:110px; height:170px; border:1px solid #ccc;}
.ulhonorList li a{ margin-bottom:8px;}
.ulnewsList{ margin:0; padding:0px; list-style-type:none;}
.ulnewsList li{
height:30px;
line-height:30px;
border-bottom:1px solid #ccc;
background:url(../images/dotline.gif) repeat-x left bottom;
overflow:hidden;
font-size:21px;
}
.ulnewsList li a{
background:url(../images/dot1.jpg) no-repeat left center;
}
.viewNews{
margin:0px;
padding:10px;
line-height:200%;
font-size:21px;
font-family:"微软雅黑";
}
.viewNews .postTime{
text-align:right;
color:#999;
}
.viewNewsContant{
line-height:200%;
}
.goback{
height:25px;
line-height:25px;
clear:both;
text-align:center;
}
/*企业荣誉*/
.ul_honor{ margin:0; padding:0; list-style:none;}
.ul_honor li{ width:180px; padding:10px 0; float:left; text-align:center; height:130px;}
.ul_honor li img{}
.ul_honor li a{ padding:2px; }
.ul_gmp{ margin:0; padding:0; list-style:none;}
.ul_gmp li{ width:180px; padding:10px 0; float:left; text-align:center; height:221px;}
.ul_gmp li img{}
.ul_gmp li a{ padding:2px; }
.ul_img{ margin:0; padding:0; list-style:none;}
.ul_img li{ width:180px; padding:10px 0; float:left; text-align:center; height:121px;}
.ul_img li img{}
.ul_img li a{ padding:2px; }
/*图片新闻*/
.dl_imgnews{
margin:0;
padding:;
}
.dl_imgnews dt{
float:left;
width:90px;
height:70px;
}
.dl_imgnews dd{
line-height:150%;
}
/*详细页*/
.h2title{
padding:0px 10px;
color:#1F71AF;
font-size:21px;
line-height:24px;
background:url(../images/h2bg.gif) no-repeat;
}
.incontant{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding:10px;
background:url(../images/h2bot.gif) no-repeat -1px bottom;
}
.dh{
padding-left:21px;
background:url(../images/home.gif) no-repeat left 4px;
}
/**/
#tbl{
background:#ccc;
}
/*oterh*/
.lcontact{
background:#ee8a34 url(../images/tel.jpg) no-repeat 10px 10px;
padding:40px 10px 10px 21px;
line-height:200%;
color:#fff;
font-size:21px;
-moz-border-radius: 10px; /* Gecko browsers */
-webkit-border-radius: 10px; /* Webkit browsers */
border-radius:10px; /* W3C syntax */
}
.elcontact{
margin-top:21px;
background: url(../images/elcontact.jpg) no-repeat 10px 10px;
padding:30px 10px 0 21px;
line-height:160%;
color:#666;
height:144px;
}
.krlcontact{
margin-top:21px;
background: url(../images/krlcontact.jpg) no-repeat center top;
padding:50px 0px 0 10px;
line-height:160%;
color:#666;
height:144px;
}
#resume{
}
table#resume caption{
font-weight:bold;
text-align:left;
height:30px;
line-height:30px;
}
#resume textarea{
width:600px;
height:65px;
}
/*视频中心*/
/* 图片按钮(上)滚动 - 公用类 */
.picBtnTop{ width:380px; height:200px; position:relative; overflow:hidden; zoom:1; }
.picBtnTop .hd{ width:93px; height:221px; position:absolute; right:5px;}
.picBtnTop .hd ul li{ width:93px; padding:0 0 5px 5px; text-align:center; line-height:0px; }
.picBtnTop .hd ul li img{ width:80px; height:55px; border:4px solid #ddd; cursor:pointer; }
.picBtnTop .hd ul li.on{ background:url("../images/icoleft.gif") no-repeat 0 28px; }
.picBtnTop .hd ul li.on img{ border-color:#f60; }
.picBtnTop .bd{ width:280px; height:221px; position:relative; }
.picBtnTop .bd img{ width:280px; height:221px; }
.picBtnTop .bd li{ position:relative; zoom:1; }
.picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px; }
.picBtnTop .bd li .bg{ width:280px; height:30px; position:absolute; left:0; bottom:21px; z-index:1; background:#000; filter:alpha(opacity=60);opacity:0.6; }
.picBtnTop .bd li .title{ width:280px; height:30px; line-height:30px; left:10px; bottom:21px; position:absolute; z-index:2; }
.picBtnTop .bd li .title a{ color:#fff; }
/*首页新闻切换*/
.n_title{ margin:0; padding:0; list-style:none; height:22px; background:url(../images/detail_x.gif) repeat-x left bottom;}
.n_title li{ width:83px; float:left;}
.n_title li a{ width:83px; height:22px; line-height:22px; background:url(../images/detail_on.gif) no-repeat left top; color:#666; display:block; font-weight:bold; font-size:21px; text-align:center;}
.n_title li a:hover{background:url(../images/detail_over.gif) no-repeat left top; color:#fff;}
.n_title li a.titleover{width:83px; height:22px; line-height:22px; background:url(../images/detail_over.gif) no-repeat left top; color:#333; display:block;font-weight:bold;}
.wp a{ padding-left:21px;}
.wp img{ margin-left:-2px;}
.recruit_title{ height:25px; line-height:25px; background:#222 url(../images/dot1.gif) no-repeat 5px center; padding-left:21px; margin-bottom:8px;}
/*企业风采切换*/
.n_circum{ margin:0; padding:0; list-style:none; height:25px; background:url(../images/n_circumbg.gif) repeat-x left top;}
.n_circum li{ width:102px; float:left;}
.n_circum li a{ width:100px; height:25px; line-height:25px; background:#eee; color:#333; display:block; font-weight:bold; font-size:21px; text-align:center;}
.n_circum li a:hover{ background:#c00; color:#fff;}
.n_circum li a.titleover{ width:100px; height:25px; line-height:25px; background:#c00; color:#fff; display:block; font-weight:bold; font-size:21px; text-align:center;}
/*本科招生图片切换*/
.slideBox{ width:100%; height:476px; overflow:hidden; position:relative; }
.slideBox .hd{ height:21px; overflow:hidden; position:absolute; left:50%; width:210px; margin-left:-30px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:5px; width:21px; height:21px; line-height:21px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd img{ }
/*本科招生图片切换*/
.slideBoxAbout{ width:600px; height:400px; overflow:hidden; position:relative; }
.slideBoxAbout .hd{ height:21px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBoxAbout .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBoxAbout .hd ul li{ float:left; margin-right:5px; width:21px; height:21px; line-height:21px; text-align:center; background:#fff; cursor:pointer; }
.slideBoxAbout .hd ul li.on{ background:#f00; color:#fff; }
.slideBoxAbout .bd{ position:relative; height:100%; z-index:0; }
.slideBoxAbout .bd img{ width:600px; height:400px; }
/* 通用图片列表_普通式 */
.picList li{ width:160px; }
.picList .pic{ text-align:center; line-height:0px; }
.picList .pic img{ width:150px; height:130px; padding:2px; border:1px solid #ccc; }
.picList .pic a:hover img{ border-color:#f00; }
.picList .title{ line-height:24px; }
/*右手边*/
.ul_r{ margin:0; padding:0; list-style:none;}
.ul_r li{ float:left; width:145px; border-bottom:1px solid #62b3c0;}
.ul_r li a{ padding-top:5px; height:73px; line-height:73px; text-align:center; display:block; background:#288a9a;-webkit-transition: all 0.3s ease-in-out;}
.ul_r li a:hover{ background:#206773;}
/* 多个上滚动 - 图片- 公用类 */
.topLoop{ overflow:hidden; position:relative; background:#186976 url(../images/inewpro.jpg) no-repeat left top; padding-left:46px;}
.topLoop .hd{ position:absolute; left:0; bottom:10px;}
.topLoop .hd .next{cursor:pointer; position:absolute; left:21px; bottom:0; width:28px; height:26px; background:url("../images/ibot.jpg") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;}
.topLoop .hd .next:hover{background:url("../images/ibot.jpg") no-repeat left bottom;}
.topLoop .hd .prev{ position:absolute; left:21px; bottom:26px; width:28px; height:26px; background:url("../images/itop.jpg") no-repeat left top; cursor:pointer; -webkit-transition: all 0.3s ease-in-out;}
.topLoop .hd .prev:hover{background:url("../images/itop.jpg") no-repeat left bottom;}
.topLoop .hd ul{ float:right; overflow:hidden; zoom:1; }
.topLoop .hd ul li{ position:relative; _display:inline; float:left; width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../PIE.htc);}
.topLoop .hd ul li.on{ background:#f00; }
.topLoop .bd{ }
.topLoop .bd ul{ overflow:hidden; zoom:1; }
/* 通用图片列表_普通式 */
.picList1 li{ }
.picList1 .pic{ text-align:center; line-height:0px; }
.picList1 .pic img{ width:246px; height:221px; }
.picList1 .pic a:hover img{ }
.picList1 .title{ line-height:24px; }
/*新闻*/
/*========== news */
#news_list {
font-size: 21px;
text-align: left;
font-family: "微软雅黑";
line-height: 25px;
margin: 0px auto;
border: 0px;
color: #333333;
padding: 25px;
}
#news_list #list-wrap {
margin: 0px auto;
padding: 0px;
}
#news_list a {
display: block;
height: 94px;
padding: 21px 0px 21px 0px;
background: url(../images/news_list-dashed.gif) repeat-x left bottom;
margin-bottom:10px;
}
#news_list .time {
width: 94px;
height: 64px;
padding: 30px 0px 0px 0px;
display: block;
float: left;
background: #e5e5e5;
text-align: center;
}
#news_list P {
cursor: pointer;
}
#news_list .time .day {
color: #474747;
font-size: 55px;
font-family: Arial, Helvetica, sans-serif;
}
#news_list .time .year {
font-size: 21px;
color: #838383;
margin-top: 5px;
}
#news_list a:hover .time {
background: url(../images/news_time-bg.jpg) no-repeat;
}
#news_list a:hover .day {
color: #ffffff;
}
#news_list a:hover .year {
color: #dedede;
}
#news_list a:hover .title {
color: #d70f0f;
}
#news_list .listtext {
display: block;
float: left;
width: 600px;
height: 94px;
margin-left: 21px;
}
#news_list .listtext .title {
font-size: 21px;
color: #333333;
}
#news_list .listtext .click {
color: #999999;
font-family: Arial, Helvetica, sans-serif;
}
#news_list .listtext .text {
color: #666666;
line-height: 21px;
padding:0;
}
/* end*/
.tbl1{ background:#ccc; border-top:5px solid #016f7e;}
.tbl1 th{ background:#f7f7f7; font-size:21px; padding:5px 0; text-align:center;}
.tbl1 td{ background:#fff; padding:5px; text-align:center;}
.tbl1 .td1{ text-align:center; background:#F90; font-weight:bold; color:#fff;}
.tbl2{}
.tbl2 td{ background:#fff; padding:5px; }
.recruitTbl{}
.recruitTbl td{ padding:5px;}
.recruitTbl .td1{ background:#f7f7f7; font-weight:bold;}
/*企业荣誉*/
.grid{
width:200px;
min-height:100px;
padding: 10px;
background:#fff;
margin:8px;
font-size:21px;
float:left;
box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-webkit-transition: top 1s ease, left 1s ease;
-moz-transition: top 1s ease, left 1s ease;
-o-transition: top 1s ease, left 1s ease;
-ms-transition: top 1s ease, left 1s ease;
}
.grid strong {
margin:10px 0;
display:block;
padding:0 0 5px;
font-size:21px;
}
.grid .meta{
text-align:right;
color:#777;
font-style:italic;
}
.grid .imgholder img{
max-width:100%;
background:#ccc;
display:block;
}
@media screen and (max-width : 1240px) {
body{
overflow:auto;
}
}
@media screen and (max-width : 900px) {
#backlinks{
float:none;
clear:both;
}
#backlinks a{
display:inline-block;
padding-right:21px;
}
#wrapper{
margin-top:90px;
}
}